<p id="notice" ><%= notice %></p>
<div class="title_product" >
  <strong>Thông tin phiên đấu giá</strong>
</div>
<div class="in_auction">
  <div class="user">
    <%= image_tag @auction.user.img,:alt => "User avatar",:width => 120,:height => 120 %>
  </div>
  <div class="title">
    <%= link_to @auction.name, @auction %>
  </div>
  <div class="list_product">
    <label><b>Loại đấu giá</b></label><%= @auction.auction_type.name %><br/>
    <label><b>Trạng thái</b></label><%if(@auction.start>Time.now) %>Chưa diễn ra <% else %><% if(Time.now>@auction.finish) %>Đã kết thúc<% else%> Đang diễn ra<%end%><% end%><br/>
    <label><b>Trạng thái</b></label><br/>
    <label><b>Người bán</b></label><%=@auction.user.display_name %>
  </div>

  <div class="time">
    Bắt đầu<br/> <i><%= @auction.start %><br/></i>
    Kết thúc<br/><i><%= @auction.finish %><br/></i>
  </div>
  <!--<%= link_to 'Edit', edit_auction_path(@auction) %>-->
  <!--<%= link_to 'Destroy', @auction, method: :delete, data: { confirm: 'Are you sure?' } %>-->
</div>
<div class="title_product">
  <strong>
    <label><strong>Các sản phẩm bán trong phiên đấu giá</strong></label>
    <div class="up">
      <blog class="b1" onclick="toggle_f()"><%= image_tag "up.png",:width => 13,:height => 13 %></blog>
      <blog class="b2" onclick="toggle_f()"><%= image_tag "down.png",:width => 13,:height => 13 %></blog>
    </div>
  </strong>
</div>
<% i=1 %>
<% @auction.products.each do |product| %>
    <div class="product_detail" >
      <div class="on_out">
        <div class="detail_img">
          <%= image_tag product.img, :alt=>"Product image",:width=>200,:height=>200 %>
        </div>
        <div class="detail_info">
          <label class="la1"><b>Tên sản phẩm:</b></label><label><%= product.name %></label>
          <label class="la1"><b>Số lượng:</b></label><label><%= product.quantity %></label>
          <label class="la1"><b>Xuất xứ:</b></label><label><%= product.madein %></label>
          <label class="la1"><b>Giá khởi điểm:</b></label><label><%= product.min_price %></label>
          <label class="la1"><b>Giá bán ngay:</b></label><label><%= product.max_price %></label><br/>
          <label class="la1"><b>Loại sản phẩm:</b></label><label><%= product.item_type %></label><br/>
          <label class="la1"><b>Người thắng cuộc:</b></label><label><% if (product.user_winner_id) %><%=User.find(product.user_winner_id).display_name %><%else %>Chưa thắng cuộc<% end %></label><br/>
          <label class="la1"><b>Miêu tả:</b></label><br/><%= product.description %>
        </div>
      </div>
      <div class="daugia_title">
        <strong>Đấu giá sản phẩm này</strong>
        <blog class="b<%=i%>1" onclick="toggle_dg(<%=i%>)"><%= image_tag "up.png",:width => 13,:height => 13 %></blog>
        <blog class="b<%=i%>2" onclick="toggle_dg(<%=i%>)"><%= image_tag "down.png",:width => 13,:height => 13 %></blog>
      </div>
      <div class="daugia<%=i%>">
        <div id="list_aucting<%= product.id %>" class="list_aucting">
          <%= render :partial => "list_aucting",:locals => {:product =>product} %>
        </div>
        <% if (current_user)&&(@auction.user_id!=current_user.id)&&(@auction.start<Time.now)&&(@auction.finish>Time.now)&&(product.sold_out!=1) %>
            <div id="left_daugia" style="float:left; margin-left: 10px;">
              <span id="txt"></span>
              <%= render :partial => 'form_aucting',:locals => {:aucting=>Aucting.new(:user_id=>current_user.id,:product_id=>product.id,:time=>Time.now)} %>
              <span id="ajax"></span>
            </div>
        <% else %>
            <label style="margin-left:10px; float:left;">Bạn không được quyền đấu giả sản phẩm này hoặc thời gian</label>
            <label style="margin-left:10px; float:left;">đấu giá đã kết thúc.</label>
        <% end %>
      </div>
    </div>
    <% i=i+1 %>
<% end %>
<label style="text-align: right;width: 980px;float: left;">
  <% if((current_user)&&(@auction.user_id==current_user.id)&&(@auction.start>Time.now)) %>
      <a class="click" onclick="visibleForm()" style="cursor:pointer;" >Thêm sản phẩm!</a>
  <% end %>
</label>
<div id="produ">

</div><%if(current_user)%>
    <div id="formP"><%= render :partial => "new_product", :locals => {:product=> Product.new(:auction_id=>@auction.id,:user_id=>current_user.id, :sold_out=>0)} %></div>
<% end%>

<%= link_to 'Edit', edit_auction_path(@auction) %> |
<%= link_to 'Back', auctions_path %>
<script>
  a=1;
    function visibleForm()
    {
        $('#formP').slideToggle(2000);
    }
    function toggle_f()
    {
        $('.b1').slideToggle(1);
        $('.b2').slideToggle(1);
        $('.product_detail').slideToggle(1000);
    }
    function toggle_dg(a){
        if(a==1){
            $('.daugia1').slideToggle(1000);
            $('.b11').slideToggle(1);
            $('.b12').slideToggle(1);
        }
        else if(a==2){
            $('.daugia2').slideToggle(1000);
            $('.b21').slideToggle(1);
            $('.b22').slideToggle(1);
        }
        else if(a==3){
            $('.daugia3').slideToggle(1000);
            $('.b31').slideToggle(1);
            $('.b32').slideToggle(1);
        }

    }
    function startTime()
    {
        var today=new Date();
        var h=today.getHours();
        var m=today.getMinutes();
        var s=today.getSeconds();
// add a zero in front of numbers<10
        m=checkTime(m);
        s=checkTime(s);
        document.getElementById('txt').innerHTML=h+":"+m+":"+s;
        t=setTimeout(function(){startTime()},500);
    }

    function checkTime(i)
    {
        if (i<10)
        {
            i="0" + i;
        }
        return i;
    }
    $(document).ready(function(){
        setInterval(updateSeats,5000);
        startTime();
        document.getElementById("ajax").innerHTML="ajax loaded";
    });

    function updateSeats(){
        a++;
        document.getElementById("ajax").innerHTML="ajax loaded "+a;
    <%@auction.products.each do |product| %>
        $("#list_aucting<%= product.id %>").load("/aucting/<%= product.id %>/auction");
//        $.ajax({
//            url: "/aucting/<%= product.id %>/auction",
//            type : "GET"
//        }).done(function(data){
//
//        });
    <% end%>
    }
</script>